<%@page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/sectionparent.css" source="widget" />
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/admin.css" source="widget" />
<section>
	<div style="height: 40px; line-height: 40px;">
		<div class="forword_area"></div>
		<div class="location">当前位置：${sessionScope.currcent_position}</div>
	</div>
	<hr>
	<div class="panel panel-default" style="height:auto">
		<div class="editTitle">
			<div style="height: 41px; width: 190px; float: left;">
				<img style="float: left; margin-left: 37px; margin-top: 9.5px;"
					src="${ctx}/images/new_edit.png" />
				<h4>缴费详情</h4>
			</div>
			<div>
				<a style="float: right; margin-right: 20px; margin-top: -2px;"
					title="关闭" onclick="cancel();"><img
					src="${ctx}/images/new_close.png" /></a>
			</div>
		</div>


		<div id="replyList" class="right" style="height: 150px;">
			<div class="modal-header">
				<div id="form" class="form"
					style="min-height: 50px; margin-top: 10px; border-top: 1px solid #edeef3; font-size: 14px;">
					<div class="itemEdit" style="width: 100%; float: left">
						<span class="col-sm-1 editlableEdit" style="font-size: 14px;">业主信息：</span>
						<div class="fldetail-4l" style="padding-top: 8px;">${house.cellName}${house.regionName}${house.buildingName}${house.unitName}${house.name}</div>
						<span class="col-sm-1 editlableEdit" style="font-size: 14px;">车辆信息：</span>
						<div class="fldetail-4r" style="padding-top: 8px;">${carNo}</div>
					</div>
				</div>

				<!-- begin table表格 -->
				<table style="width: 100%; margin-top: 0px; table-layout: fixed"
					class="table table-striped b-t b-light">
					<tr>
						<td width="18%" style="background-color: #e0eff3; height: 40px">账单号
						</td>
						<td width="15%" style="background-color: #e0eff3; height: 40px">开始时间</td>
						<td width="15%" style="background-color: #e0eff3; height: 40px">结束时间</td>
						<td width="5%" style="background-color: #e0eff3; height: 40px">月数</td>
						<td width="8%" style="background-color: #e0eff3; height: 40px">单价</td>
						<td width="10%" style="background-color: #e0eff3; height: 40px">金额</td>
						<td width="10%" style="background-color: #e0eff3; height: 40px">缴费状态</td>
						<td width="10%" style="background-color: #e0eff3; height: 40px">缴费方式</td>
						<td width="9%" style="background-color: #e0eff3; height: 40px">操作</td>
					</tr>
					<c:forEach items="${detailList}" var="item" varStatus="vStatus">
						<tr>
							<td>${item.carId }</td>
							<td><fmt:formatDate value="${item.startDate }"
									pattern="yyyy-MM-dd HH:mm" /></td>
							<td><fmt:formatDate value="${item.endDate }"
									pattern="yyyy-MM-dd HH:mm" /></td>
							<td>${item.month }</td>
							<td>${item.unitPrice }</td>
							<td>${item.money }</td>
							<td><c:if test="${item.state == 0}">缴费成功</c:if> <c:if
									test="${item.state == 1}">欠费</c:if> <c:if
									test="${item.state == 3}">预交费</c:if></td>
							<td><c:forEach items="${payWays}" var="way">
									<c:if test="${way.value == item.payWay}">
			                       			${way.label}
			                       		</c:if>
								</c:forEach></td>
							<td><a class="fa fa-check "
								onclick="gotoDetailInfo('${item.id}','${house.id}');">缴费详情</a></td>
						</tr>
					</c:forEach>
				</table>
			</div>
			<div style="text-align: center;">
				<button style="margin-top: 20px;" class="buttonCancle"
					onclick="cancel();">返&nbsp;&nbsp;回</button>
			</div>
		</div>
	</div>
	<%@include file="/views/common/footer.jsp"%>
</section>
<script
	src="${ctx}/js/controllers/property/carbill/CarBillListController.js"
	type="text/javascript">
	</script>
<script type="text/javascript">
		var ctx = '${ctx}';
		setCtx(ctx);
	</script>
